home *** CD-ROM | disk | FTP | other *** search
/ .net (French) 1996 November / .net Magazine (FR) - Issue 01 - Nov 1996.iso / mac / Edition Web / Client-side Imagemaps / Client-side imagemaps HOW TO!! next >
Text File  |  1996-06-12  |  4KB  |  58 lines

  1. If you have not yet done so, please read the Read Me First!! text file which was enclosed with this document in the same folder. Muchas` Grasias!!
  2.  
  3.  
  4. Okay, here we go: 
  5.  
  6. 1. The first thing you need to do is delete all HTML code pertaining to your current server-side imagemap(s) you are going to convert to server-side ISMAP's. Of course, you'll want to do this with a copy of your HTML page.
  7.  
  8. 2. Now, find and delete your ".map" text file(s) that pertain to the old server-side imagemap(s). 
  9.  
  10. 3. Now, boot up the application, WebMap 1.0.1 that was included in this archive. Open your image which will be used as a map. Create your hot spots and links as per the instructions included with WebMap. They are very easy and should present no viable problem. *Some things to remember when creating your map in WebMap:                                    
  11.                                              a.) you must set your server type to NCSA
  12.                                              b.) do to a flaw in Netscape, you can only draw your hot                                 
  13.                                                         spots in RECTANGLES (RECT).
  14.  
  15. 4. Next, take the new ".map" file you created and drag it onto the WebMap to ClientMap Converter application. This is an AppleScript application and so you must have AppleScript to run it (I think this means you have to have at least System 7.5, but honestly I'm not too sure). WebMap to ClientMap Converter will launch and your hard drive will spin for a few seconds. WebMap to ClientMap Converter will then automatically quit. A few moments later, a new file will appear in the same folder/directory where your ".map" file was. It will be called: "the_name_of_your_file.map.html". Open it with SimpleText. You should see something that looks like this, but of course with your coordinates and URL's:
  16.  
  17. <!-- Created by WebMap to ClientMap Converter Version 1.0b02/7 Feb 96 -->
  18. <!-- Tuesday, June 11, 1996 11:26:03 AM -->
  19. <!-- Format: Netscape 2.0 CLIENT-SIDE IMAGE MAPS -->
  20. <MAP NAME="name_of_your_map">
  21. <AREA SHAPE=rect COORDS="2,18,191,59" HREF="http://somewhere.com/">
  22. <AREA SHAPE=rect COORDS="171,109,310,151" HREF="ftp://nothing.com/programs/">
  23. <AREA SHAPE=rect COORDS="21,166,176,213" HREF="http://outback.com/">
  24. <AREA SHAPE=default HREF="http://macs-rule.com/and_that_is_the_truth/">
  25. </MAP> 
  26.  
  27. 5. Cut or copy all of your new ".map.html" file and paste it into an empty/new SimpleText window. 
  28.  
  29. 6. Now, take this HTML code: 
  30.  
  31. <a href="name of your map.map"><img src="name of the image gif or jpeg.gif" border=0 usemap="#name of your map" ismap></a>
  32.  
  33. ... and paste it above your ".map.html" stuff, so that it looks like this:
  34.  
  35. <a href="name of your map.map"><img src="name of the image gif or jpeg.gif" border=0 usemap="#name of your map" ismap></a>
  36. <!-- Created by WebMap to ClientMap Converter Version 1.0b02/7 Feb 96 -->
  37. <!-- Tuesday, June 11, 1996 11:26:03 AM -->
  38. <!-- Format: Netscape 2.0 CLIENT-SIDE IMAGE MAPS -->
  39. <MAP NAME="name_of_your_map">
  40. <AREA SHAPE=rect COORDS="2,18,191,59" HREF="http://somewhere.com/">
  41. <AREA SHAPE=rect COORDS="171,109,310,151" HREF="ftp://nothing.com/programs/">
  42. <AREA SHAPE=rect COORDS="21,166,176,213" HREF="http://outback.com/">
  43. <AREA SHAPE=default HREF="http://macs-rule.com/and_that_is_the_truth/">
  44. </MAP>
  45.  
  46. ... and there is is. The complete HTML syntax for your new client-side image map.
  47.  
  48. 7. Now cut or copy this entire HTML code (and I do mean cut or copy, word-for-word; ALL OF IT AS IS!!) and paste it into your HTML page where you want your image map. Add your <CENTER></CENTER> tags are whatever other formatting you like. Just don't delete any of or move any of the syntax created for the client-side image map. 
  49.  
  50. 8. And you're done!! All that's left to do is test your new client-side map. That's right -- you can test this neato new map without uploading. Just fire up either Netscape 2.0+ or Microsoft's Internet Explorer 2.0+ and load your HTML page with the client-side map in it. Now, move your mouse over the hot spots in your map and you should be able to see where they link to, not just some ambiguous "/cgi-bin/imagemaps/ismap.map" directory or whatever. 
  51.  
  52.  
  53.  
  54. Well, that's all there is to it. Enjoy!!
  55.  
  56.  
  57.  
  58.